<template>
	<headerVue :HeadIndex="3"></headerVue>
	<div class="box">
		<div class="img">
			<img src="../../assets/imgs/design/banner.jpg" alt="" srcset="" />
		</div>
		<div class="box_main">


			<div class="location">当前位置 ：<a href="/">首页</a> &gt; <a href="/news">新闻中心</a> &gt; <a
					href="javascript:void(0)">沉静柔和的办公室装修，非传统色彩解决方案</a></div>
		</div>
	</div>

	<div class="case">
		<div class="left">
			<h2>沉静柔和的办公室装修，非传统色彩解决方案</h2>
			<div class="case-info">
				2024-01-07
				<span class="pl20 pr20">|</span>
				阅读 1512
				<span class="pl20 pr20">|</span>
				关键词：
				<a href="" target="_blank" class="mr20">#办公室装修</a>
				<a href="" target="_blank" class="mr20">#办公空间设计</a>
			</div>
			<div class="article-content">
				<p style="text-align: left">
					<img :src="img" />
				</p>
				<!--  案例内容  -->
				<p style="white-space: normal">
					山顶的天空是什么颜色？我们如何到达顶峰？我们在办公室想要什么样的环境？
				</p>
				<p style="white-space: normal">
					设计这样一个非常有趣的办公空间，通过精心挑选的材料、色彩和独特的墙面设计吸引了人们的注意。
				</p>
				<p style="white-space: normal">我们，呼吁采用非传统的色彩解决方案！</p>
				<p style="text-align: left">
					蓝色是环绕山峰的天空的颜色，它是一种同时带来平静和力量的颜色
				</p>
				<p style="text-align: left">
					蓝色与灰色和黑色相配，内部装饰以核桃木皮和谐搭配。木头及其质感与窗帘相结合，再加上室内柔和的色彩，起到了让人平静的效果。
				</p>
				<p style="text-align: left">
					<img :src="img" />
				</p>
				<p style="text-align: left">
					<img :src="img" />
				</p>
				<p style="text-align: left">
					<img :src="img" />
				</p>
				<p style="text-align: left">
					<img :src="img" />
				</p>
			</div>
		</div>
	</div>


	<!-- 底部 -->
	<footerVue></footerVue>
</template>

<script setup>
	import headerVue from '../../components/header.vue';
	import footerVue from '../../components/footer.vue';
	import img from "../../assets/imgs/center.jpg";
</script>

<style lang="less" scoped>
	.box {
		width: 100%;
		background: #eaeaea;
		.img {
			width: 100%;
			overflow: hidden;
		
			img {
				vertical-align: bottom;
		
			}
		}

		.box_main {
			width: 1400px;
			margin: 0 auto;
			overflow: hidden;
		}

		.location {
			color: #212121;
			margin: 18px 0;
			line-height: 30px;

		}

		.location a {
			font-size: 14px;
			color: #212121;
		}

		.location a:hover {
			text-decoration: underline;
		}
	}

	.sjs {
		width: 350px;
	}

	.case {
		width: 1400px;
		margin: 0 auto;
		color: #212121;
		.left{
			margin-top: 70px;
		}

		h2 {
			font-size: 32px;
			line-height: 40px;
			margin-bottom: 12px;
		}

		.case-info {
			color: #868686;
			padding-bottom: 15px;
			border-bottom: 1px solid #eee;
			font-size: 14px;
		}

		.article-content {
			padding-top: 10px;

			// color: #515151;
			p {
				font-family: Microsoft YaHei !important;
				margin-top: 20px;
				margin-bottom: 30px;
				font-size: 14px;
				line-height: 26px;

				>img {
					width: 100%;
				}
			}
		}
	}

	.pr10 {
		padding-right: 10px;
	}

	.pl10 {
		padding-left: 10px;
	}

	.pr20 {
		padding-right: 20px;
	}

	.pl20 {
		padding-left: 20px;
	}

	.mb20 {
		margin-bottom: 20px;
	}

	.mr20 {
		margin-right: 20px;
	}
</style>